@media (min-width: 992px) and (max-width: 1699px) {
    .watermark {
        font: normal normal bold 70px/80px Akira;
    }

    /* .faqsec .leftimg {
        width: 26%;
        height: 550px;
    } */
}

@media (min-width: 1366px) and (max-width: 1699px) {

    .faqsec .leftimg {
        width: 26%;
        height: 550px;
    }
}

@media (max-width: 1399px) {
    .small-banner .bimg {
        height: 480px;
    }

    .small-banner .bimg2 {
        height: 440px;
    }

    .faqinner {
        min-height: 520px;
    }

    .cbox {
        margin-top: 40px;
    }

    .cbox .code {
        padding: 10px 40px;
        font-size: 20px;
        margin: 10px;
    }

    .section-padding {
        padding: 100px 0;
        margin: 20px 0;
    }

    .main-menu>ul>li>a {
        margin: 0 6px;
    }

    .banner .bannertext .banner-heading {
        font-size: 44px;
    }

    p {
        font-size: 16px;
    }

    .codetext .cheading {
        font-size: 44px;
    }

    .bimg2 {
        height: 650px;
    }

    .bimg {
        height: 700px;
    }

    .logo img {
        width: 240px;
    }

    .banner {
        padding: 60px 0 85px;
    }
}

@media (max-height: 799px) {
    .logo img {
        width: 260px;
    }

    .bimg2 {
        height: 720px;
    }

    .bimg {
        height: 820px;
    }
}

@media (max-height: 799px) and (max-width: 1399px) {
    .logo img {
        width: 240px;
    }

    .bimg2 {
        height: 650px;
    }

    .bimg {
        height: 700px;
    }
}

@media (max-width: 1199px) {
    .pkgcard .price {
        font-size: 35px;
    }

    .pkgcard ul {
        font-size: 16px;
    }

    .pkgcard .para {
        font-size: 16px;
    }

    .pkgcard .title {
        font-size: 34px;
    }

    .offcanvas .btn-close {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    /*.lgndbtn {*/
    /*    right: -35px;*/
    /*    font-size: 18px;*/
    /*    padding: 4px 14px;*/
    /*}*/
    .lgndbtn {
        left: -68px;
        font-size: 18px;
        padding: 4px 14px;
    }

    .blogbox .mheading {
        font-size: 24px;
    }

    .blogbox {
        height: 400px;
        padding: 20px;
    }

    .accordion-body {
        padding: 18px;
        font-size: 14px;
    }

    .accordion-button {
        font-size: 18px;
        padding: 18px;
    }

    .lheading {
        font-size: 44px;
    }

    .mheading {
        font-size: 34px;
    }

    .section-padding {
        padding: 60px 0;
    }

    .codesec {
        padding: 100px 0;
    }

    .bimg {
        height: 680px;
    }

    .bimg2 {
        height: 620px;
    }

    .main-menu>ul>li>a {
        /* margin: 0 4px; */
        font-size: 14px;
    }

    .logo img {
        width: 150px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 992px) {
    .codemsg {
        padding: 100px 0;
    }

    .effsec {
        padding: 100px 0;
    }

    .nav-area-full .burger-click-region {
        display: none;
    }
}

@media(min-width: 991px) and (max-width: 1200px) {
    .faqsec .leftimg {
        width: 34%;
        height: 700px;
        object-fit: contain;
    }
}

@media (max-width: 991px) {
    .footer .logo {
        text-align: center;
    }

    .keybox .searchcode .actionbtn button .icon {
        width: 24px;
    }

    .searchcode input {
        font-size: 16px;
        height: 100%;
    }

    .searchcode {
        padding: 10px 22px;
    }

    .nav-area-full .main-menu {
        /* margin-top: 20px; */
        background: transparent;
        padding: 0;
    }

    .main-menu>ul>li {
        display: none;
    }

    .main-menu>ul>li:nth-last-child(1) a:after,
    .main-menu>ul>li:nth-last-child(2) a:after {
        opacity: 0;
    }

    .effsec .leftimg {
        width: 100%;
    }

    .footer .logo img {
        width: 150px;
    }

    .blogsec.section-padding {
        padding: 40px 0;
    }

    .faqsec {
        padding: 40px 0;
    }

    .faqinner {
        min-height: auto;
    }

    .watermark {
        display: none;
    }

    .faqsec .leftimg {
        display: none;
    }

    .rightimg {
        position: relative;
        width: 100%;
        padding: 0;
        right: -20px;
        margin-top: 20px;
    }

    .leftimg {
        position: relative;
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }

    .bimg2 {
        width: 100%;
        position: relative;
        height: auto;
        margin: 40px -20px 0;
        left: 20px;
    }

    .bimg {
        top: -150px;
        height: 100vh;
        right: 0;
        width: 100%;
    }

    .codetext {
        position: absolute;
        bottom: 20px;
        margin-left: 30px;
        bottom: 100px;
        top: 0;
    }

    .codetext.bgtext {
        top: -120px;
        position: relative;
        bottom: 0;
    }

    .banner {
        position: relative;
        padding-bottom: 0;
    }

}

@media(min-width: 1200px) {
    .offcanvas .offcanvas-header {
        width: 400px;
    }

    .offcanvas .offcanvas-body {
        width: 400px;
    }

    .offcanvas:after {
        content: '';
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0;
        width: 550px;
        z-index: 1040;
        background-image: url(https://res.cloudinary.com/dwqfbvtkc/image/upload/v1695291970/shapekal_fxsfhb.webp);
        background-size: cover;
        background-position: center right;
        background-repeat: no-repeat;
    }


    .offcanvas .btn-close {
        position: absolute;
        right: -8px;
        top: 48%;
        transform: translate(0, -50%);
        background-color: #fff;
        opacity: 1;
        padding: 12px;
        border-radius: 50%;
    }

    .offcanvas-start {
        width: 550px;
        background: transparent;
        box-shadow: none;
        border: none;
    }
}

@media(max-width: 767px) {
    .dynamic_fields_container .fields_wrapper>.ds_field {
        margin: 6px;
    }

    .dynamic_fields_container .fields_wrapper .form-control {
        padding: 8px 10px;
        font-size: 12px;
    }

    .pkgcard {
        padding: 30px;
    }

    .mindmsg {
        padding-left: 0px !important;
    }

    .mindmsg .searchtag {
        width: 100%;
        padding: 8px 20px;
    }

    .small-banner .bimg2 {
        height: 280px;
        margin-top: 0;
    }

    .footer-main .links .social li a span {
        display: none;
    }

    .footer-main .links .social {
        display: flex;
        margin-bottom: 0;
        gap: 10px;
        justify-content: end;
    }

    .footer-main .links .social li a i {
        margin: 0;
    }

    .footer-main .links .social li a {
        background: #ffffff5e;
        padding: 6px;
        border-radius: 50%;
        color: #000000c4;
    }

    .copyright {
        font-size: 10px;
        padding: 20px 0;
        background: #3adde7;
    }

    .footer-main .links li,
    .footer-main .links li {
        margin-bottom: 4px;
    }

    .footer-main .links li,
    .footer-main .links li a {
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    .footer-main .links h6 {
        display: none;
    }

    .newsletter {
        background: #fff;
        padding: 6px;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
    }

    .newsletter>div {
        width: 100%;
    }

    .newsletter .form-control {
        padding: 4px 10px;
        border: none;
    }

    .newsletter .btn-primary {
        background: #db0303;
        color: #fff;
    }

    .footer-main .links h6 {
        display: none;
    }

    .blog-slider .slick-slide {
        padding: 0 10px;
        width: 300px;
    }

    .codesec {
        text-align: center;
    }

    .bgimg {
        top: 0;
    }

    .codesec .cbox {
        display: none;
    }

    .keybox #closeButton {
        font-size: 12px;
        right: 8px;
    }

    .keybox .line4 span:last-of-type {
        width: 80px;
    }

    .keybox .line4 span:nth-child(4) {
        width: 100px;
    }

    .keybox .line4 span:nth-child(1),
    .keybox .line4 span:nth-child(2),
    .keybox .line4 span:nth-child(3) {
        width: 40px;
    }

    .keybox div[class*="line"] span {
        width: 20px;
        padding: 2px 0px;
    }

    .keybox .base {
        font-size: 12px;
        width: 100%;
        padding: 12px 4px;
        border-radius: 0;
    }

    .keyboardContainer {
        position: fixed;
        padding: 0;
        border-radius: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .mindmsg .searchtag input {
        font-size: 16px;
    }

    .offcanvas .cbox .code {
        margin: 2px;
        padding: 4px 6px;
        font-size: 10px;
    }

    .lgndbtn {
        right: -26px;
        font-size: 12px;
        padding: 1px 8px;
    }

    .menu-nav-item a {
        font-size: 30px;
    }

    .lheading {
        font-size: 34px;
    }

    .effsec .accordion-button {
        font-size: 20px;
    }

    .effsec .accordion-button:not(.collapsed) {
        padding: 18px;
    }

    .culture .lheading {
        font-size: 18px;
    }

    .footer-main {
        padding: 40px 0;
        padding-bottom: 0;
    }

    .blogbox {
        margin-bottom: 20px;
    }

    .section-padding {
        padding: 40px 0;
        margin: 0;
    }

    .btn {
        font-size: 14px;
        padding: 8px 18px;
    }

    p {
        font-size: 14px;
    }

    .banner .bannertext .banner-heading {
        font-size: 34px;
    }

    .logo img {
        width: 120px;
    }

    .nav-area-full {
        padding: 20px 0 0;
    }

    .codetext .cheading {
        font-size: 34px;
        margin-right: 20px;
    }

}

@media (max-width: 600px) {
    .searchcode .actionbtn button {
        margin-right: 90px;
        margin-left: 10px;
    }

    .searchcode .actionbtn select {
        width: 100px;
        padding: 8px 10px;
        font-size: 14px;
    }

    /* .searchcode button i {
        font-size: 20px;
    } */
    /* .searchcode input {
        font-size: 16px;
    } */
    /* .searchcode {
        padding: 12px 20px;
    } */
    .codetext.bgtext {
        top: -100px;
        position: relative;
        bottom: 0;
    }

    .footer-main .links h6 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .footer-main .links li,
    .footer-main .links li a {
        font-size: 14px;
    }

    .footer-main .links li {
        margin-bottom: 6px;
    }

    .codetext .cheading {
        font-size: 30px;
        margin-right: 20px;
    }

    .codetext {
        bottom: 100px;
        margin-left: 12px;
    }

    .banner {
        padding-top: 40px;
    }
}

@media(max-width:992px) {
    .codesec {
        padding: 50px 0;
    }
}

@media(max-width:550px) {

    .codesec h4,
    .codesec h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .codesec p {
        font-size: 14px;

        margin-bottom: 10px;
    }

    .codesec .m-hide {
        display: none;
    }

    .codesec {
        padding: 30px 0 50px;
    }
}